<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>九江学院计算机与大数据科学学院</title>
    <!-- 加载CSS Reset -->
    <link rel="stylesheet" href="./style/normalize.css" />
    <!-- 加载公共定义 -->
    <link rel="stylesheet" href="./style/base.css" />
    <!-- 加载首页定义 -->
    <link rel="stylesheet" href="./style/main.css" />
  </head>
  <body>
    <!-- 页面头部 -->
    <header>
      <div class="w1200 top-nav">
        <span>2024年9月23日 星期一</span>
        <span class="push-right">
          <a href="#">English</a>
          <a href="#">设为首页</a>
          <a href="#">加入收藏</a>
        </span>
      </div>
      <div class="logo">
        <h1 class="w1200">
          <img src="./images/logo.png" alt="计算机与大数据科学学院" />
        </h1>
      </div>
    </header>
    <!-- 导航菜单 -->
    <nav>
      <ul class="w1200">
        <li><a href="#">首页</a></li>
        <li>
          <a href="#">学院概况</a>
          <ul class="sub-menu">
            <li><a href="#">学院简介</a></li>
            <li><a href="#">现任领导</a></li>
            <li><a href="#">机构设置</a></li>
            <li><a href="#">师资队伍</a></li>
          </ul>
        </li>
        <li>
          <a href="#">党团建设</a>
          <ul class="sub-menu">
            <li><a href="#">党团动态</a></li>
            <li><a href="#">规章制度</a></li>
          </ul>
        </li>
        <li>
          <a href="#">学科专业</a>
          <ul class="sub-menu">
            <li><a href="#">重点学科</a></li>
            <li><a href="#">专业设置</a></li>
          </ul>
        </li>
        <li>
          <a href="#">教学教务</a>
          <ul class="sub-menu">
            <li><a href="#">课程思政</a></li>
            <li><a href="#">实践教学</a></li>
            <li><a href="#">考务信息</a></li>
            <li><a href="#">毕业设计</a></li>
          </ul>
        </li>
        <li>
          <a href="#">审核评估</a>
          <ul class="sub-menu">
            <li><a href="#">工作动态</a></li>
            <li><a href="#">通知公告</a></li>
            <li><a href="#">资料下载</a></li>
          </ul>
        </li>
        <li>
          <a href="#">科学研究</a>
          <ul class="sub-menu">
            <li><a href="#">科研机构</a></li>
            <li><a href="#">科研项目</a></li>
            <li><a href="#">科研论文</a></li>
            <li><a href="#">获奖情况</a></li>
          </ul>
        </li>
        <li>
          <a href="#">学生工作</a>
          <ul class="sub-menu">
            <li><a href="#">机构人员</a></li>
            <li><a href="#">学工动态</a></li>
            <li><a href="#">就业信息</a></li>
          </ul>
        </li>
        <li><a href="#">实验中心</a></li>
      </ul>
    </nav>
    <!-- 页面内容 -->
    <main>
      <!-- 轮播图 -->
      <section class="banner">
        <p><a href="#" class="arrow prev">&nbsp;</a></p>
        <ul>
          <li>
            <figure>
              <img src="./images/banner20230217.jpg" alt="学习二十大精神" />
              <figcaption>学习二十大精神</figcaption>
            </figure>
          </li>
          <li>
            <figure>
              <img src="./images/banner03.jpg" alt="计算机与大数据科学学院" />
              <figcaption>计算机与大数据科学学院欢迎您</figcaption>
            </figure>
          </li>
          <li>
            <figure>
              <img src="./images/gq.jpg" alt="庆祝中华人民共和国成立75周年" />
              <figcaption>庆祝中华人民共和国成立75周年</figcaption>
            </figure>
          </li>
          <li>
            <figure>
              <img src="./images/ztjy.jpg" alt="主题教育学习" />
              <figcaption>主题教育学习</figcaption>
            </figure>
          </li>
        </ul>
        <p><a href="#" class="arrow next">&nbsp;</a></p>
      </section>
      <!-- 学院新闻 -->
      <section class="news w1200">
        <header class="t">
          <img src="./images/news.jpg" alt="学院新闻" />
          <h2>学院新闻</h2>
          <a href="#" class="more">
            <img src="./images/more.jpg" alt="more" />
          </a>
        </header>
        <section class="mt30">
          <!-- 图片新闻 -->
          <article>
            <ul>
              <li>
                <figure>
                  <img
                    src="./data/34A18C35BFF80DD4F7524A2332D_4DAC252D_134CE.jpg"
                    alt=""
                  />
                  <figcaption>
                    <h3><a href="#">计算机学院开展研究生招生宣讲会</a></h3>
                    <p>
                      9月27日，江西理工大学信息工程学院副院长许春冬、副院长李伟教授及博士教师杨宁一...
                    </p>
                  </figcaption>
                </figure>
              </li>
              <li>
                <figure>
                  <img
                    src="./data/EE04462983B99555A33D7C5F7CE_4EED7B19_113CB.jpg"
                    alt=""
                  />
                  <figcaption>
                    <h3><a href="#">做“有理想、敢担当、能吃苦、肯奋...</a></h3>
                    <p>
                      伴随着2024年秋季的温柔脚步，计算机与大数据科学学院迎来了满怀激情与憧憬的2024...
                    </p>
                  </figcaption>
                </figure>
              </li>
            </ul>
          </article>
          <!-- 文字新闻 -->
          <article>
            <ul>
              <li>
                <a href="#">计算机与大数据科学学院开展国庆节前安全隐患大排查</a>
                [09-30]
              </li>
              <li>
                <a href="#">
                  【喜迎党代会·发展巡礼】计算机与大数据科学学院：...
                </a>
                [09-29]
              </li>
              <li>
                <a href="#">计算机学院开展研究生招生宣讲会</a>
                [09-27]
              </li>
              <li>
                <a href="#">做“有理想、敢担当、能吃苦、肯奋斗”的新时代中...</a>
                [09-27]
              </li>
              <li>
                <a href="#">
                  计算机学院举行2025届毕业生毕业论文（设计）工作...
                </a>
                [09-20]
              </li>
              <li>
                <a href="#">彰显关怀，传递温暖——计算机学院领导慰问学生助导</a>
                [09-14]
              </li>
              <li>
                <a href="#">江西神舟信息安全评估中心到访学院考察交流</a>
                [09-14]
              </li>
              <li>
                <a href="#">学院开展计算机通识课集体备课活动</a>
                [09-14]
              </li>
            </ul>
          </article>
        </section>
      </section>
      <section class="mix mt30">
        <div class="w1200">
          <!-- 通知公告 -->
          <section class="mt20">
            <header class="t">
              <img src="./images/gg.jpg" alt="通知公告" />
              <h2>通知公告</h2>
              <a href="#" class="more">
                <img src="./images/more.jpg" alt="more" />
              </a>
            </header>
            <ul>
              <li>
                <div>
                  <span>28</span>
                  <span>2022-08</span>
                </div>
                <div>
                  <h4><a href="#">高层次人才招聘公告</a></h4>
                  <p>
                    一、学校简介九江学院是经国家教育部批准设立的国有公办全日制本科普通...
                  </p>
                </div>
              </li>
              <li>
                <div>
                  <span>30</span>
                  <span>2024-09</span>
                </div>
                <div>
                  <h4>
                    <a href="#">计算机学院2023-2024学年国家励志奖学金...</a>
                  </h4>
                  <p>
                    致全院师生：根据《九江学院国家励志奖学金评审实施细则》文件精神及学...
                  </p>
                </div>
              </li>
              <li>
                <div>
                  <span>30</span>
                  <span>2024-09</span>
                </div>
                <div>
                  <h4>
                    <a href="#">2024年10月11日学术报告（曾德泽 教授，...</a>
                  </h4>
                  <p>&nbsp;</p>
                </div>
              </li>
            </ul>
          </section>
          <!-- 学工动态 -->
          <section class="mt20">
            <header class="t">
              <img src="./images/media.jpg" alt="学工动态" />
              <h2>学工动态</h2>
              <a href="#" class="more">
                <img src="./images/more.jpg" alt="more" />
              </a>
            </header>
            <ul class="mt10">
              <li>
                <a href="#">计算机学院开展节前安全隐患排查与...</a>
                09/30 点击：[4] 次
              </li>
              <li>
                <a href="#">计算机学院开展“普法进社区，志愿...</a>
                09/30 点击：[18] 次
              </li>
              <li>
                <a href="#">视觉盛宴，致敬祖国——计算机学院...</a>
                09/30 点击：[23] 次
              </li>
              <li>
                <a href="#">相约乒坛盛会，感受乒乓魅力——计...</a>
                09/30 点击：[16] 次
              </li>
              <li>
                <a href="#">计算机学院开展“典耀中华，赓续文...</a>
                09/29 点击：[9]次
              </li>
              <li>
                <a href="#">计算机学院开展推广普通话主题班会</a>
                09/27 点击：[13] 次
              </li>
              <li>
                <a href="#">“献礼祖国·致敬时代”——计算机学...</a>
                09/24 点击：[73] 次
              </li>
              <li>
                <a href="#">计算机学院开展“铸牢中华民族共同...</a>
                09/20 点击：[89] 次
              </li>
            </ul>
          </section>
          <!-- 链接导航 -->
          <aside>
            <ul>
              <li><a href="#" class="icon1">CCF</a></li>
              <li><a href="#" class="icon2">教务系统</a></li>
              <li><a href="#" class="icon3">高教司</a></li>
              <li><a href="#" class="icon4">OA办公</a></li>
              <li><a href="#" class="icon5">VR全景校园</a></li>
              <li><a href="#" class="icon6">图书馆</a></li>
            </ul>
          </aside>
        </div>
      </section>
      <!-- 专题网站 -->
      <section>
        <header class="t">
          <img src="./images/sp.jpg" alt="专题网站" />
          <h2>专题网站</h2>
          <a href="#" class="more">
            <img src="./images/more.jpg" alt="more" />
          </a>
        </header>
        <article>
          <ul>
            <li>
              <a href="#">
                <img src="./images/img3.jpg" alt="中华人民共和国教育部" />
              </a>
            </li>
            <li>
              <a href="#"><img src="./images/bkpg.jpg" alt="本科评估" /></a>
            </li>
            <li>
              <a href="#"><img src="./images/img2.jpg" alt="学习强国" /></a>
            </li>
            <li>
              <a href="#">
                <img src="./images/img4.jpg" alt="江西省科学技术厅" />
              </a>
            </li>
            <li>
              <a href="#"><img src="./images/img5.jpg" alt="中国梦" /></a>
            </li>
            <li>
              <a href="#">
                <img src="./images/dxszx2.jpg" alt="中国大学生在线" />
              </a>
            </li>
          </ul>
        </article>
      </section>
    </main>
    <!-- 页面底部 -->
    <footer>
      <address>
        地址：前进东路551号 电话：0792-8312833（院办）邮编：332005
      </address>
      <p>版权所有：九江学院计算机与大数据科学学院</p>
    </footer>
  </body>
</html>
